::-webkit-scrollbar {
    width: 4px;
    background: #f0f0f0;
}::-webkit-scrollbar-corner {
    background: #f0f0f0;
}::-webkit-scrollbar-thumb {
    width: 4px;
    background: #d01717;
}
        i,em{font-style: normal; font-family:Barlow-Regular}
        .topWrap{height:216px;font-family:"Microsoft Yahei";position: relative;z-index: 3;}
        .header{width:1200px;margin: 0 auto; position: relative;font-family:"Microsoft Yahei";}
        .logo{float:left;width:159px;height: 216px;text-align: center;padding-top:37px;box-sizing: border-box;background: url(images/logo_bj.jpg) no-repeat left top;}
        .logo img {width:108px;height:133px;}
        .t_wz{float:left; padding:28px 0 0 51px; width:487px;position: relative;height: 80px}
        .t_wz span {font-size:20px;color: #242424;height:34px;line-height:34px;font-weight: bold;letter-spacing:3px}
        .t_wz em{display:block;height:29px;line-height:29px;font-size:16px;color:#636363}
        .t_wz em i {color: #d01616;font-size:18px;font-weight: bold;}
        .t_tel { float: right;height: 60px;line-height:24px;font-size:14px;color: #333333;background: url(images/t_tel_bj.jpg) no-repeat left 4px;padding-left:44px;margin-top:35px;}
        .t_tel em{display:inline-block;color: #b7b7b7;height:14px;line-height:14px}
        .t_tel span {font-size:26px;color: #272727;display: block;line-height:30px;height:30px;font-weight: bold}
        .nav {height:108px; line-height:108px;float:right;width:990px;}
        .nav li {float:left;height:108px;line-height:108px;width:auto!important;margin:0!important;padding:0 13px;}
        .nav li a {font-size:16px;color:#343434;text-decoration:none;display:inline-block;position: relative;z-index:2;height:106px;}
        .nav li:hover a,.nav .cur a {color: #d01616;border-bottom:2px solid #d01616;}
        .nav li:last-child{background: none}
        .nav li:nth-child(1) a{padding-left:27px;background: url(images/home1.jpg) no-repeat left center;}
        .t_sz{height:36px; line-height:36px; font-size:14px; color: #fff;background:#999999;}
        .t_sz span {float:right;}
        .t_sz span a {padding:0 8px;color: #fff}
        .t_sz span a:first-child{color:#d01616;}
        .content{width:1200px;margin:0 auto;}
        
       
    .fullSlide{min-width:1200px;position:relative;height:664px;overflow:hidden; z-index: 2;}
     .fullSlide .bd{position:relative;z-index:0;}
     .fullSlide .bd ul{width:100%!important;}
      .fullSlide .bd li{width:100%!important;height:664px;overflow:hidden;text-align:center;position: relative;}
    .fullSlide .bd li a{display:block;height:664px;}
    .fullSlide .bd li img {position: absolute;left:50%;margin-left:-960px;top:0;}
    .fullSlide .hd{position:absolute;bottom:32px;z-index:99;left:50%;width:200px;}
    .fullSlide .hd li{width:15px;height:15px;float:left;margin-right:20px;background:#fff;border-radius: 50%}
    .fullSlide .hd li.on {background:#069cdb;}
    .prev{position: absolute;left:50%;bottom:28px;margin-left:-600px;}
    .next{position: absolute;left:50%;bottom:28px;margin-left:-477px;}
    .pageState{position:absolute;left:50%;bottom:20px;font-size:26px;color:#fff; font-family:Barlow-Regular}
    .pageState span{font-size:36px;margin-left:-560px;padding-right:10px; font-family:Barlow-Regular}

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
            .s_bj{height:87px;overflow:hidden;font-family:"Microsoft Yahei";}
            .search{width:1200px;margin: 0 auto; overflow: hidden;}
            .s_inp01{width:305px;padding-top:27px;}
            .inp01{width:249px;height:33px;line-height:33px;color:#bbbaba;font-size:14px;float: left;font-family:"Microsoft Yahei";border:0;background: #f1f1f1;padding-left:24px;border-radius: 16px 0 0 16px;}
            .inp02{background:url(images/t_btn1.jpg) no-repeat;width:32px;height:33px;border:0;float:left;}
            .search p{width:700px;color:#848484;line-height:87px;font-size:16px;overflow:hidden;position: relative;}
            .search p b{font-size:16px;color: #1d1d1d;}
            .search p:after{content: "";display: block;width:32px;height: 3px;background: #d01616;position: absolute;left:0;top:0;}
            .search p em{text-transform: uppercase;color: #d01616}
            .search p a{color:#848484;padding:0 8px;}
        

    .video-box{position: fixed;background:rgba(0,0,0,0.7);width:100%;height:100%;top:0;left:0;display:none;z-index:20;}
    .video{width:600px;margin:0 auto;margin-top:80px;position:relative;}
    .video_x{position:absolute;right:-10px;top:-10px;width:20px;height:20px;background:#333;text-align:center;line-height:20px;color:#fff;font-size:14px;border-radius:50%;z-index:9;}


        .footWrap{background:#2e2e2e;height:272px;font-family:"Microsoft Yahei";}
        .footer{width:1200px;margin: 0 auto; position: relative;}
        .ft_nav{float:left;width:277px;padding-top:42px;}
        .ft_nav a{line-height:48px;height:48px;font-size:16px;color: #c5c5c5;width:133px;float:left;}
        .ft_nav img{vertical-align: middle;margin-right:7px;}
        .ft_logo{padding:69px 0 0 0;width:169px;height:309px;position: absolute;left:514px;top:0;background: url(images/ft_lg_bj.png) no-repeat;box-sizing: border-box;text-align: center;}
        .ft_logo img{width: 107px;height:139px}
        .ft_fl{float:left;width:237px;padding:42px 0 0 0;font-size:14px;color: #fff;line-height: 24px;opacity:0.18;line-height:38px}
        .ft_fl a{color: #fff;}
            .ft_fl span {padding-right:18px;}
        .ft_c{float:right;width:480px;padding-top:42px;font-size:16px;color: #c5c5c5;line-height:48px;font-weight: bold;}
        .ft_c a {color: #fff}
        .ft_c img{vertical-align: middle;margin-right:10px;}
        .ft_c span{padding-right:10px;}
        em,i{font-style: normal;}
        body #newBridge .icon-right-center{top:30%;}
    

            .lk_bj{background: #e6e6e6;height: 76px}
            .link{height:76px;line-height:76px;color: #fff;font-size: 14px;}
            .link span {font-size:24px;color: #d01616;font-weight: bold;padding-right:20px;}
            .link a {color: #9a9999;font-size: 16px;padding:0 20px;}
        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #171717;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #171717;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
.Pro{ overflow: hidden; width: 100%; background-color: #f5f5f5; padding: 85px 0 100px 0;}
.Pro .porBox{ overflow: hidden; width:1200px; margin:0 auto}
.Pro .proLt{ float: left; width: 260px; overflow: hidden;}
.Pro .proLt h2{ padding: 25px 38px; height:107px; text-align:left; font-size: 32px; background:url(../images/pro_1.jpg) no-repeat center top;  }
.Pro .proLt h2 a{color: #fff; text-transform:uppercase; line-height:40px; font-family:Barlow-Bold; }
.Pro .proLt h2 span{ display: block; text-transform:uppercase; font-size: 29px; color: #fff; font-weight: normal; margin-top:10px;background:url(../images/line.jpg) no-repeat left top; padding-top:20px}
.Pro .proLtBox{ overflow: hidden; background-color: #fff;}
.Pro .proLtDl dt{ padding: 0 25px; background: #da251d; line-height: 58px; font-size: 16px;}
.Pro .proLtDl dt a{ display: block; color: #fff; font-size:17px; background:url(../images/you.png) no-repeat right center}
.Pro .proLtDl dd{}
.Pro .proLtDl dd a{ display: block; line-height: 56px; background: url("../images/pro_xjx.jpg") no-repeat 200px 20px; padding-left: 18px; font-size: 16px; color: #4d4d4d; border-bottom: 1px dotted #dcdcdc;  padding-left:25px;}
.Pro .proLtDl dd a:hover{  color: #fff; text-decoration: none;  background: url("../images/you.png") no-repeat 190px 20px #c71212; padding-left:25px;}
.Pro .proPhone{  padding:35px 18px; background-color: #fff; overflow: hidden; border-bottom:8px #d01717 solid}
.Pro .proPhone h3{ font-size: 24px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #202020; letter-spacing:-1.5px; font-weight:bold; padding-bottom:15px}
.Pro .proPhone h4{ background: url("../images/tel.png") no-repeat 59px center; font-size: 18px; padding-left: 48px; color: #535353; font-weight: normal; margin-top: 15px; height:40px; line-height:40px; text-align:center}
.Pro .proPhone b{ display: block;  font-size: 28px; color: #303030; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; line-height:40px; font-family:Barlow-Regular}
.Pro .proPhone1{  padding:35px 18px; background-color: #fff; overflow: hidden; border-bottom:1px #e0e0e0 dotted}
.Pro .proPhone1 h3{ font-size: 24px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #202020; letter-spacing:-1.5px; font-weight:bold; padding-bottom:15px}
.Pro .proPhone1 h4{ background: url("../images/tel.png") no-repeat 59px center; font-size: 18px; padding-left: 48px; color: #535353; font-weight: normal; margin-top: 15px; height:40px; line-height:40px; text-align:center}
.Pro .proPhone1 b{ display: block;  font-size: 28px; color: #303030; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; line-height:40px; font-family:Barlow-Regular}






.Pro .proRt{  float: right; width: 77%; }

.pro1{ width:49%; float:left; background:#fff; height:241px; background-size:100%; margin-right:1%;}
.pro1 .abty{ width:30%; float:left}
.pro1 .abrl{ width:65%; float:right; display:flex;justify-content:center ;align-items:center; }
.pro1 .abrl img{ width:60%; margin-top:37px }


.pro2{ width:49%; float:left; background:#fff; height:241px; background-size:100%;}
.pro1 h2{ margin:62px 0 0 45px; color:#282828; font-weight:normal; font-size:20px}
.pro1 span{ margin:11px 0 0 45px; color:#282828; font-size:15px; display:block}
.more{ width:159px; height:44px; line-height:44px; background:url(../images/pro-kk.png) no-repeat left center; color:#003171; display:block; margin-left:45px; font-size:16px  ; margin-top:20px; transition:All 0.4s ease-in-out; text-align:center;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out}
.more:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:15px; color:#fff;  background:url(../images/pro-kk1.png) ; }

.pro2 h2{ margin:62px 0 0 45px; color:#282828; font-weight:normal; font-size:20px}
.pro2 span{ margin:11px 0 0 45px; color:#282828; font-size:15px; display:block}
.Pro .proTit{ width: 100%; height: 56px; background: url("../images/pro_liBg.png") repeat-x center;}
.Pro .proTit li{ width:383px; float: left; height: 56px;  position: relative; line-height: 56px; text-align: center; font-size: 16px;}
.Pro .proTit li a{ color: #151515; text-decoration: none;}
.Pro .proTit li i{ display: none; position: absolute; background: url("../images/pro_tit_xj.png") no-repeat center; width: 17px; height: 8px; ; top:56px; left:185px;}
.Pro .proTit li:hover,.Pro .proTit li.cur{ background-color: #003171}
.Pro .proTit li:hover i,.Pro .proTit li.cur i{display: block;}
.Pro .proTit li:hover a,.Pro .proTit li.cur a{ color: #fff;}
.Pro .proRBox{ position: relative; overflow: hidden;}
.Pro .ProCon{ display:none; padding:0 0px; width:100%; float:left}
.Pro .proDl{ overflow: hidden; width: 100%; margin: 35px 0 30px; }
.Pro .proDl  img{ display:block; border:1px solid #d3d3d3;}
.Pro .proDl dt{ float: left;}
.Pro .proDl dd{ float: right; width: 365px;}
.Pro .proDl dd h3{ font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}
.Pro .proDl dd h3 a{ color: #00248f;}
.Pro .proDl dd p{ line-height: 25px; font-size: 13px; color: #333; height: 100px; margin: 10px 0 30px; overflow: hidden; text-align: justify;}
.Pro .pro_a{ overflow: hidden}
.Pro .pro_a a{ display: block; float: left; background: url("../images/pro_a.png") no-repeat center top; width: 101px; height: 36px; text-align: center; line-height: 36px; font-size: 13px; color: #484848; margin-right: 15px; text-decoration: none;}
.Pro .pro_a a:hover { background-position:bottom; color: #fff;}
.Pro .proUl{   }
.Pro .proUl li{ float: left; margin: 10px 0; margin-right: 45px; }
.Pro .proUl li img{ display:block; border:1px solid #d3d3d3;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:50px;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:50px;}
.Pro .proUl li.last{ margin-right: 0}
.Pro .proUl li:hover img{ opacity: .8;}






.index_1{
	padding: 119px 0;
	 overflow: hidden;
	background-attachment: fixed;
	background-image: url(../images/abg.jpg);
	background-repeat: no-repeat;
	background-position: center top; width:1200px
}.wmid{
margin:0 auto; width:100%;}

.index_1_right{
float:right; width:48.27586206896552%; margin-top:30px}
.index_1_left{
float:left; width:46%;}
.index_1_right_mid_img{
overflow:hidden; position:relative; z-index:10}
.index_1_right_mid_img img{
width:100%;}
.index_1_right_mid_img a{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3a.png);
display:block; position:absolute; z-index:10; width:5.52083333333333vw; height:5.52083333333333vw; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.index_1_right_mid{
position:relative; padding-right:1.5em; padding-bottom:1.5em; z-index:10;}	
.index_1_right_mid_bg{
position:absolute; right:0; bottom:0; width:calc(100% - 1.5em); height:calc(100% - 1.5em); background-color:#cd0f16;  }
.index_1_left_1 span{
color:#2b2b2b; display:inline-block; position:relative; font-size:18px;}
.index_1_left_1 span:after{-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); right:-30px;
content:''; position:absolute; width:19px; height:1px; background-color:#cd0f16; top:50%;}
.index_1_left_2{ margin-bottom:.275em;
font-size:36px; color:#000; letter-spacing:0em; margin-top:.3em; font-weight:bold}
.index_1_left_3{ margin-bottom:4em;
font-size:15px; color:#626262; line-height:2; margin-top:30px}
.index_1_left_3 strong { color:#333; }

.index_1_left_4 ul li .tuu { text-align:center; width:100%; padding-bottom:10px;}
.index_1_left_4 ul li .tuu img { width:auto; height:50px;}
.index_1_left_4 ul li{
float:left; width:33.333333%;  padding-right:3%; text-align:left;}
.index_1_left_4 ul li:last-child{
 width:33.333333%;}
.index_1_left_4 ul li:nth-child(2){
 width:33.333333%;}
.index_1_left_4_mid_1{
font-size:3em; font-family:Arial, Helvetica, sans-serif; color:#cd0f16; font-weight:bold}
.index_1_left_4_mid_2{
font-size:1.125em;}
.index_1_left_4_mid{
/*padding-right:10px; */}
.index_1_left_4 ul li:last-child .index_1_left_4_mid{
padding-right:0}
.index_1_left_4_mid_1 span{
display:inline-block; position:relative;}

.index_1_left_4_mid_1.jia span:after{
content:'+'; position:absolute; right:-.55em; top:0;}
.index_2{background-position:center; background-repeat:no-repeat;background-attachment: fixed; background-size:cover; background-image:url(../images/img12.jpg);
color:#fff; text-align:center; background-color:#e4e4e4; padding-bottom:7.40625vw; position:relative; padding-top:8.70833333333333vw;}
.index_2_2{ position:relative; margin-top:1em;
color:#fff; padding-bottom:1.5em; font-size:1.25em;}
.index_2_1{
font-size:2.8em; }
.index_2_1 b { font-weight:700;}


.index_2_2:after{ margin-left:-20px; bottom:0;
content:''; position:absolute; left:50%; height:2px; background-color:#fff; width:40px;}
.index_2 .wmid{
position:relative; z-index:10;}
.index_2:after{ background-color:#000; opacity:0;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
.index_2_3{
margin-top:4em;}
.index_3_1{
position:relative;}
.index_3_1_right{
position:absolute; right:0; bottom:0;}
.index_3_1_right a{ display:block;
 width:4em; height:4em;border-radius:100%; background-color:#cd0f16; color:#fff; text-align:center; line-height:4em;}
.index_3_1_right span{
font-size:1.875em; font-family:ºÚÌå; color:#fff }
.index_3_1_right:hover{
right:.5em;}
.index_3{
padding-top:7.03125vw;}
.index_3_2 ul li{ background-color:#f5f6f2;
float:left; width:32%; margin-right:2%}
.index_3_2 ul li:nth-child(3n){
margin-right:0}
.index_3_2_2{
padding:2em 1.5em;}
.index_3_2_2_1{
color:#666;}
.index_3_2_2_1 span{ background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img13.png);
display:inline-block; padding:0 5px; font-family:Arial, Helvetica, sans-serif; font-weight:900;}
.index_3_2_2_1 span:nth-child(1){
padding-left:0; background-image:none}
.index_3_2_2_2{
color:#0b0b0b; font-size:1.875em; letter-spacing:0em; margin-top:.5em;}
.index_3_2_2_3{
color:#333; font-size:1.125em; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:.5em; margin-bottom:1.125em;}
.index_3{
padding-bottom:5.9375vw;}
.index_3_2_2_4 span{ background-position:-12px center; background-repeat:no-repeat; position:relative; left:1em;
display:block; width:1.5em; height:1.5em; background-color:#cd0f16;border-radius:100%; background-image:url(../images/img9.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_3_2 ul li:hover .index_3_2_2_4 span{border-radius:1.5em;
left:0; width:3.125em; background-position:center}
.index_3_2_1{
overflow:hidden;}
.index_3_2_1 img{
width:100%;}
.index_4_mid{
position:relative; overflow:hidden}
.index_4_mid img{
width:100%;}
.index_4 .swiper-slide{
width:20%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_4_mid:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.65;}
.index_4_mid_name{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; z-index:2; width:100%; text-align:center; top:50%;-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); color:#fff;}
	
.index_4_mid_name em { font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:14px; letter-spacing:0px;}	
.index_4_mid_name span{ padding-bottom:13px;
font-size:1.875em; position:relative; display:inline-block; font-weight:700;}
.index_4_mid_name span:after{
content:''; position:absolute; width:24px; height:3px; bottom:0; left:50%; margin-left:-12px; background-color:#9b261a}
.index_4_mid_name_hide{border-radius:100%; left:50%; top:50%; opacity:0; z-index:10;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; width:14.375vw; height:14.375vw;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); text-align:center; color:#fff;background-color:rgba(202,15,22,0.78); }
.index_4_mid_name_hide span{
display:block; padding:0 1em; font-size:2.25em;}
.index_4_mid:hover:after{
opacity:0;}
.index_4_mid:hover .index_4_mid_name{
opacity:0;}
.index_4_mid:hover .index_4_mid_name_hide{
opacity:1;}
.index_4 .swiper-slide.zhai{
width:18.48958333333333%;}
.index_4 .swiper-slide.kuan{
width:26.04166666666667%;}
.index_4_mid_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:48.17708333333333vw;}
.index_4_mid:hover .index_4_mid_bg{transform: scale(1.08, 1.08);}

.aazb b {
    color: #cd0f16;
}.fubiao {
    font-size: 22px;
    letter-spacing: 0px;
    margin-bottom: .8em;
    color: #626262;
    font-weight: 400;
}
.kuai_df {
    width: 100%;
    height: 50px;
    margin-top: 0px;
    padding:  0;
}
.kuai_df li {
    width: 30%;
    float: left;
    border-right: 1px #d2d2d2 solid;
    margin-right: 3%;
    transition: all 0.4s;
}.fl{ float:left}
.fr{ float:right}
.zzuo{ width:25%; margin-left:5%}
.zzuo span{ font-size:38px; color:#343434}

.yyuo{ width:65%; }
.yyuo h4{ font-size:20px!important; color:#212121; font-weight:normal}
.yyuo span{ font-size:13px!important; color:#5d5d5d; text-transform:uppercase; font-family:font20988; margin-top:0px; font-family:Barlow-Regular; text-align:left!important; line-height:30px!important}

.kuai_df li:last-child{ border:0}
.kuai_df li:hover{ margin-top:10px;  transition:all 0.4s; border-bottom:2px #d01717 solid; padding-bottom:20px}
.kuai_df li:hover .yyuo h4 { color:#d01717; font-size:21px; transition:all 0.4s}
.kuai_df li:hover .yyuo span { color:#d01717; font-size:13px; transition:all 0.4s}

.kuai_df li:hover .zzuo span{ color:#d01717; font-size:40px;  transition:all 0.4s}




.youshishishi{ background:url(../images/bg1.jpg) no-repeat center top}

.anlisi {
    background: url(../images/anli.jpg) no-repeat center top fixed; padding-bottom:70px
}



index_pro01{ width:103%; overflow:hidden;}
.index_pro01 dl{ float:left; width:377px; height:508px; background:#fff; margin:0 0 0 0;}
.index_pro01 dl dt{ width:377px; height:255px; overflow:hidden; text-align:center}
.index_pro01 dl dt img{width:377px; height:255px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_pro01 dl:hover dt img{width:395px; height:268px;margin-left:-8px; margin-top:-4px;}
.index_pro01 dl dd{  padding:0 40px; font-size:33px; color:#434343; padding-top:43px; height:210px; text-align:left; }
.index_pro01 dl dd p{ font-size:18px; color:#434343; padding-top:15px; color:#8f8f8f; font-family:Barlow-Regular}
.index_pro01 dl dd a{ display:block; width:114px; height:30px; line-height:30px; text-align:center; color:#fff;  font-size:15px;background:#d01616;margin-top:30PX }
.index_pro01 dl dd a:hover{ color:#fff; border:#fff solid 1px;}
.banx{ background:url(../images/xx.jpg); width:100%; height:11px;}






.box{float:left; width:32%; height:250px; margin-right:1%; margin-bottom:1.7%}
.clear{clear:both}
.box1{float:left; width:24%; height:250px; margin-right:1%}



.he_sxs{ width:96%; height:52px; position:absolute; bottom:2%;line-height:52px; left:2%; text-align:center; font-size:17px}
.he_slideCaptionDown{background:#fff;width:100%;height:250px;padding:0;margin:0;border:0px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; display:flex; align-items: center ; justify-content: center }
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block; padding:0;margin:0;opacity:1;overflow:hidden; width:100%; margin-top:-80px; height:196px}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(208,23,23,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(208,23,23,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:20px;font-weight:normal;text-align:center;width:80%; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0; margin:0 auto; margin-top:20%}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:14px; text-align:center;width:40%;  -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; border:1px #fff solid; margin:0 auto; margin-top:40px; line-height:40px;}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:45%;opacity:1}









/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:550px){  



.fullSlide{ display:none}

.search {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.s_inp01 {
    width: 100%;
    padding-top: 27px; display:none
}

.search p {
    width: 100%;
    color: #848484;
    line-height: 67px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}

.search p b {
    font-size: 14px;
    color: #1d1d1d;
}
.search p a {
    color: #848484;
    padding: 0 2px; font-size:14px
}.s_bj {
    height: 67px;
    overflow: hidden;
    font-family: "Microsoft Yahei";
}.Pro {
    overflow: hidden;
    width: 100%;
    background-color: #f5f5f5;
    padding: 35px 0 100px 0;
}.Pro .porBox {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.Pro .proLt {
    float: left;
    width: 260px;
    overflow: hidden; display:none
}

.Pro .proRt {
    float:none;
    width:95%; margin:0 auto
}


.he_slideCaptionDown .he_slideCaptionDown_img {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: 100%;
    margin-top: -80px;
    height: 96px;
}.box {
    float: left;
    width: 32%;
    height: 130px;
    margin-right: 1%;
    margin-bottom: 1.7%;
}
.he_slideCaptionDown {
    background: #fff;
    width: 100%;
    height: 130px;
    padding: 0;
    margin: 0;
    border: 0px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}.he_sxs {
    width: 96%;
    height: 42px;
    position: absolute;
    bottom: 2%;
    line-height: 42px;
    left: 2%;
    text-align: center;
    font-size: 14px;
}
.he_slideCaptionDown .he_slideCaptionDown_caption_h {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    width: 80%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 0;
    margin: 0 auto;
    margin-top: 20%;
}
.he_slideCaptionDown .he_slideCaptionDown_caption_p {
    font-size: 14px;
    text-align: center;
    width: 70%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0;
    border: 1px #fff solid;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 30px;
}.index_1 {
    padding: 60px 0;
    overflow: hidden;
    background-attachment: fixed;
    background-image: url(../images/abg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
}
.index_1_right{ display:none}

.index_1_left {
    float: none;
    width:95%; margin:0 auto
}

.index_1_left_1 span {
    color: #2b2b2b;
    display: inline-block;
    position: relative;
    font-size: 14px;
}


.index_1_left_2 {
    margin-bottom: .275em;
    font-size:26px;
    color: #000;
    letter-spacing: 0em;
    margin-top: .3em;
    font-weight: bold;
}
.fubiao {
    font-size: 17px;
    letter-spacing: 0px;
    margin-bottom: .8em;
    color: #626262;
    font-weight: 400;
}.index_1_left_3 {
    margin-bottom: 4em;
    font-size: 14px;
    color: #626262;
    line-height: 2;
    margin-top: 30px;
}.yyuo h4 {
    font-size: 17px!important;
    color: #212121;
    font-weight: normal;
}.zzuo span img{ width:40px; height:auto}


.content {
    width: 100%;
    margin: 0 auto;
}

.sl_c li.cur {
    width: 100%;
}
.sl_c li {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.25s;
}


.sl_w {
    width:94%;
    height: 276px;
    background: rgba(208,22,22,0.77);
    position: absolute;
    left: 3%;
    top: 3%;
    padding: 19px 0 0 19px;
    box-sizing: border-box;
    transform: scale(0);
    transition: all 0.3s;
}.sl_w h4 {
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #d56060;
}

.sl_w span {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    padding-top: 26px;
}


.sl_c li img{ height:300px}

.sl_c li p {
    position: absolute;
    width: 100%;
    height: 330px;
    background: rgba(29,29,29,0.6);
    left: 0;
    top: 0;
    text-align: center;
    box-sizing: border-box;
    padding-top: 106px;
}

.img02{ display:none}
.sl_w img {
    margin-top: 24px;
    display: none;
}.sl_c{
    height: 1320px;
    padding-top: 72px;
}.index_pro01 dl {
    float: left;
    width: 33%;
    height: 300px;
    background: #fff;
    margin: 0 0 0 0;
}

.index_pro01 dl dd {
    padding: 0 10px;
    font-size: 17px;
    color: #434343;
    padding-top: 20px;
    height: 130px;
    text-align: left;
}
.index_pro01 dl dd p {
    font-size: 14px;
    color: #434343;
    padding-top: 15px;
    color: #8f8f8f;
    font-family: Barlow-Regular; display:none
}



.index_pro01 dl dd a {
    display: block;
    width: 90px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #d01616;
    margin-top: 20PX;
}

.index_pro01 dl dt img {
    width: 100%;
    height:150px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.index_pro01 dl dt {
    width: 100%;
    height: 155px;
    overflow: hidden;
    text-align: center;
}
.index_pro01 dl:hover dt img{ width: 100%; height:150px;}


.zzuo {
    width: 25%;
    margin-left:1%;
}
.anlisi {
    background: url(../images/anli.jpg) no-repeat center top fixed;
    padding-bottom: 70px; background-attachment:inherit
}

}